<template>
  <div class="box">
    <hearVue></hearVue>
    <GoodsInfoVue></GoodsInfoVue>
    <SendVue></SendVue>
    <RecommendVue></RecommendVue>
    <footerVue></footerVue>
  </div>
</template>

<script>
// import axios from "axios";
import RecommendVue from "@/components/GoodsDetail/Recommend.vue";
import GoodsInfoVue from "@/components/GoodsDetail/GoodsInfo.vue";
import hearVue from "@/components/GoodsDetail/head.vue";
import SendVue from "@/components/GoodsDetail/Send.vue";
import footerVue from "@/components/GoodsDetail/footer.vue";
export default {
  name: "GoodsDetail",
  components: {
    RecommendVue,
    GoodsInfoVue,
    hearVue,
    SendVue,
    footerVue
  },
  data() {
    return {
    };
  },
};
</script>

<style scoped>
.box {
  background-color: #efefef;
  height: 100%;
  width: 100%;
}



</style>